/* pages/login/login.wxss */
.login{
  height: 100vh;
  min-height: 100vh;
  background: linear-gradient(180deg, #32A9F5 36.1%, #FFFFFF 100%);
  padding: 150rpx 0 0;
}

.login-buttons{
  margin-top: 148rpx;

  .title{
    font-size: 48rpx;
    background-image: linear-gradient(180deg, #0074BE 0%, #32A9F5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
  }

  .login-button, .cancel-button{
    width: 480rpx;
    height: 100rpx;
    background: #32A9F5;
    border-radius: 50rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20rpx auto 0;

    .wx{
      width: 40rpx;
      height: 32.54rpx;
      
      image{
        width: 100%;
        height: 100%;
        display: block;
      }      
    }

    .tt{
      font-size: 32rpx;
      color: #fff;
      margin: 0 0 0 18rpx;
    }
  }

  .cancel-button{
    background: rgba(255, 255, 255, 0.61);

    .tt{
      color: #32A9F5
    }
  }

  .info{
    font-size: 20rpx;
    color: #3BB5F6;
    text-align: center;
    margin-top: 26rpx;
  }
}